<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    
</head>
<body>
	<nav id="navBarId" class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" href="./html/home/firstPage.html">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" href="./html/home/firstPage.html">
			<span class="mui-icon mui-icon-email">
				<span class="mui-badge">9</span>
			</span>
			<span class="mui-tab-label">消息</span>
		</a>
		<a class="mui-tab-item" href="./html/mine/mine_index.html">
			<span class="mui-icon mui-icon-person"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<div class="mui-content">
	
	<div>
		
</body>
	<script src="./js/mui.min.js"></script>
	<script src="./js/util.js"></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
		
		toBarPage(mui("#navBarId .mui-active")[0].getAttribute("href"));
		mui("#navBarId").on("tap","a",function(){
			var url = this.getAttribute("href");
			toBarPage(url);
		});
		
		function toBarPage(url){
			mui.openWindow({
				url:url,
				id:url,
				styles: {
					top: "0px",
					bottom: "50px"
				}
			});
		}
		
    </script>
</html>